<template>
  <section class="group-list">
    <simple-slot title="未通过审核的圈子">
      <Button type="primary" icon="md-paper" @click="doNew">
        创建圈子
      </Button>
    </simple-slot>
    <Row>
      <Col span="6" v-for="i in list" :key="i.id" >
        <grop-item :data="i" :type="3"></grop-item>
      </Col>
    </Row>
  </section>
</template>

<script>
import SimpleSlot from '../../../components/Title/SimpleSlot'
import GropItem from '../../../components/ListItem/GroupItem'
export default {
  name: 'UncheckedGroup',
  components: {
      SimpleSlot,
      GropItem
  },
   data () {
      return {
          list: []
      }
   },
    created () {
      this.getinfo()
    },
    computed: {
    },
    methods: {
        doNew () {
            this.$router.push({path: '/my/mygroup/publishtheme'})
        },
        getinfo () {
            let _this =this
            _this.$post('/api/circle/myCircle',
                {
                    token:_this.$token,
                    status:2
                }, function (res) {
                    _this.list = res.data
                }, function (errmsg) {
                    _this.$message.error(errmsg);
                })
        }
    }
}

</script>

<style lang="less" scoped>
  @import "../../../style/style.less";
  .group-list {
    border: 1px solid @border-color;
    padding: 15px;

  }
</style>
